<html>
    <head>
    <meta charset="UTF-8"/>
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <title>about us</title>
    <link type="text/css" href="css/all.css" rel="stylesheet" />
    <style>
	.grid { width: 304px; height:410px; }
	h2.h2-4 { line-height: 34px; display: block; border-bottom: #D2D9D8 2px solid; border-top: #D2D9D8 2px solid; text-align: left; margin-top: 20px; }
	.map { width: 304px; margin-top: 30px; }
	dl.adr { margin-top: 14px; text-align: left; }
	dl.adr dt { margin-bottom: 6px; font-size: 14px; line-height: 18px; color: #6E5137; font-weight: bold; text-align: left; }
	dl.adr dd span { width: 80px; display: block; float: left; text-align: right; margin-right: 5px; }
	.prefix { padding-left: 40px; }
	#form { margin: 31px 0 0px 0px; width: 590px; }
	#form label { position: relative; display: block; min-height: 35px; overflow: hidden;height:35px; }
	#form label strong { float: left; display: block; padding-top: 8px; line-height: 21px; width: 70px; color: #85A09D; white-space: nowrap; }
	#form input { border: #D2D9D8 1px solid; background: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #B4B4B4; line-height: 29px; outline: medium none; width: 500px; height: 29px; float: left; }
	#form textarea { border: #D2D9D8 1px solid; background: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #B4B4B4; height: 202px; outline: medium none; overflow: auto; width: 500px; resize: none; margin: 0px 0 0 0; float: left; }
	.btns { text-align: right; overflow: hidden; width: 590px; padding-top: 10px; }
	.btns a { display: inline-block; margin-left: 31px; }
	.link-1 { color: #85A09D; text-transform: uppercase; text-decoration: underline; font-size: 11px; line-height: 18px; font-weight: bold; display: inline-block; }
</style>
    </head>
    <body>
 <#include "${base!}/front/header.html"/>
    <div class="main">
  		<div class="wrap"> 
            <div class="fleft grid">
                <h2 class="h2-4">Contact info:</h2>
                <div class="map">
                  <iframe src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Brooklyn,+New+York,+NY,+United+States&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=61.282355,146.513672&amp;ie=UTF8&amp;hq=&amp;hnear=Brooklyn,+Kings,+New+York&amp;ll=40.649974,-73.950005&amp;spn=0.01628,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
                </div>
                <dl class="adr">
                    <dt>Action</dt>
                    <dd><span class="upper">Email:</span>lalunaevents@gmail.com</dd>
                    <dd><span class="upper">We Chat:</span>lalunaevents</dd>
                    <dd><span class="upper">Telephone:</span>+1 959 603 6035</dd>
                </dl> 
            </div>
            <div class="fright prefix">
                <h2 class="h2-4">Contact form:</h2>
                <form id="form" method="post" >
                  <fieldset style="border: 0px;">
                    <label><strong>Full name:</strong><input type="text" value=""></label>
                    <label><strong>Email:</strong><input type="text" value=""></label>
                    <label style="height:auto"><strong>Message:</strong><textarea></textarea></label>
                    <div class="btns"><a href="#" class="link-1">clear</a><a href="#" class="link-1" onClick="document.getElementById('form').submit()">send</a></div>
                  </fieldset>  
                </form> 
            </div>
        </div>
  	</div>
    <#include "${base!}/front/footer.html"/>
</body>
</html>
